

/* 隐藏滚动条 */
::-webkit-scrollbar {
    /*滚动条整体样式*/
    width : 0px; 
    height: 0px;
}
::-webkit-scrollbar-thumb {
    /*滚动条里面小方块*/
    background   : none;
}
  
::-webkit-scrollbar-track {
    background  : none;
}


.el-message-box{
    width: auto !important;
}
a:active{
    background: none;
    text-decoration: none;
}


/* 背景图片 */
.BackImage{
   width: 100%;
   height: 100%;
   object-fit: cover;
}


.Back{   /* 背景*/
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.6);
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    top:50%;left: 50%;
    transform: translate(-50%,-50%);
    z-index: 999;
    overflow: hidden;
  }

/* 文字超出 */
.overflow 
{
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden;
}
.overflow-more{
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    line-clamp: 3;
    -webkit-line-clamp: 3; 
 }
.flex{  /*flex居中*/
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}
.text-center{
    width: 100%;
    text-align: center;
}
.count{ /*未读或者未处理数量*/
    background: red;
    color: white;
    border-radius: 50%;
    width: 20px;height: 20px;
    position: absolute;
    right: 5px;

    display: flex;
    justify-content: center;
    align-items: center;
}

.time{ /*时间*/
    color: rgba(0, 0, 0, 0.5);
    font-family: blog;
    letter-spacing: 1px;
}
/*背景 方便选取透明度不影响上面的层级*/
.BackColor{
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 0;
}
  /* 缩进 */
.retract{
   padding: 20px;
   box-sizing: border-box;
}
  /* 分割线 */
.hr{  
	height: 0px;
	border: 1px solid lightgray;
	width: 100%;
    margin: 10px 0 ;
}
/*退出按钮样式*/
.exit{ 
    position: absolute;
    right: 10px;top: 10px;
    padding: 5px;
}
.exit:hover{
    background: var(--GeneralBackColor);
    color: white;
    border-radius: 50%;
}

